<style>
  h2 {
    font-family: Candara,Calibri,Segoe,Segoe UI,Optima,Arial,sans-serif;
    color: #888;
  }

  .page.has-navbar .page-content {
    padding-top: 100px;
  }
</style>

<template>
  <div class="page" v-tabbar="{'menus': menus, menuColor: '#B5B5B5', activeMenuColor: '#44CC00', onMenuClick: menuClicked}">
    <router-view></router-view>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        menus: [
          {
            iconOn: 'ion-ios-navigate',
            iconOff: 'ion-ios-navigate-outline',
            text: '找工作',
            path: '/'
          },
          {
            iconOn: 'ion-ios-people',
            iconOff: 'ion-ios-people-outline',
            text: '找工人',
            path: '/findWorker'
          },
          {
            iconOn: 'ion-ios-person',
            iconOff: 'ion-ios-person-outline',
            text: '我的',
            path: '/user'
          }
        ]
      }
    },
    methods: {
      menuClicked(menuIndex) {
        //console.log(menuIndex)
      }
    },
    beforeDestroy() {
      $tabbar.$emit('hideTabbar')
    }
  }
</script>

